<html>
<body>
	<table cellpadding="0" cellspacing="0" width="100%" bgcolor="#FFFFFF" height="300">
	<tr>
	<td align="center" width="99%" valign="top">
	
		<table cellpadding="0" cellspacing="0" width="90%" height="100%">
		<tr>
		<td width="100%" valign="top">
		
			<table cellpadding="0" cellspacing="0" width="100%">
			<tr>
			<td width="60%" align="left"><table cellpadding="0" cellspacing="0" width="100%">
             
              <tr >
                <td width="12" height="96">&nbsp;</td>
                <td><fieldset>
                	<legend>Compromissos <b><font color="#FF0000" id="data_select">{data_hoje}</font></b> </legend>
                    <div id="compromissos" style="background-color:#FFF;width:420px; height:280px; overflow:auto;float:left;margin-right:10px">
                      	
                            	{cont}
          
                    </div>
                    
                    <div id="calendario" style="background-color:#FFF; height:280px; ">
                      
                    </div>
					<input type="button" name="abre" value="Inserir Novo" onClick="abre_inserir()">
                    <br>
                    <div id="adic" style="display:none">
                    	<form action="#" method="get" name="add_comp" id="add_comp">
                        <fieldset>
                        	<legend>Inserir Novo</legend>
                            <input type="hidden" name="dia_selected" id="dia_selected" value="{dia}"> 
                            <table>
                            	<tr><td>Nome do Evento:</td>
                                	<td><input name="nome" type="text" id="nome" size="40"></td>
                                </tr>
  								<tr><td>Hora Inicio:</td>
                                	<td><select name="hora_i" id="hora_i">
                                
                                <!-- START BLOCK : HORA_I -->
                                    <option value="{hr}">{hr}</option>
                                <!-- END BLOCK : HORA_I -->
                                </select>
                                
                                <select name="min_i" id="min_i">
                                <!-- START BLOCK : MIN_I -->
                                    <option value="{min}">{min}</option>
                                <!-- END BLOCK : MIN_I -->
                                </select></td></tr>
                                <tr><td>Hora Final:</td>
                                	<td><select name="hora_f" id="hora_f">
                                
                                <!-- START BLOCK : HORA_F -->
                                    <option value="{hr}">{hr}</option>
                                <!-- END BLOCK : HORA_F -->
                                </select>
                                
                                <select name="min_f" id="min_f">
                                <!-- START BLOCK : MIN_F -->
                                    <option value="{min}">{min}</option>
                                <!-- END BLOCK : MIN_F -->
                                </select></td></tr>
                            <tr>
                            	<td>Respons&aacute;vel:</td>
                                <td><input name="pessoa" type="text" id="pessoa" size="40"></td>
                            </tr>
                           <tr>
                           	<td>Descri&ccedil;&atilde;o:</td>
                            <td><textarea name="desc" cols="30" id="desc" ></textarea></td>
                           </tr>
                           <tr>
                           	<td colspan="2">
                            	<input type="button" value="Inserir" name="inserir_novo" id="inserir_novo" onClick="inserir_novo_compromisso();">
                            </td>
                           </tr>
                            </table>
                        </fieldset>
                   
                </form>
             </div>
             
             
             		   <div id="edit" style="display:none" >
                    	<form action="#" method="get" name="edit_comp" id="edit_comp">
                        <fieldset>
                        	<legend>Editar</legend>
                            <input type="hidden" name="id_selected" id="id_selected" value="">
                            <input type="hidden" name="dia_selected_edt" id="dia_selected_edt" value="{dia}">
                            <input type="hidden" name="data_m_selected" id="data_m_selected" value="">  
                            <table>
                            	<tr><td>Nome do Evento:</td>
                                	<td><input name="nome_edt" type="text" id="nome_edt" size="40"></td>
                                </tr>
  								<tr><td>Hora Inicio:</td>
                                	<td><select name="hora_i_edt" id="hora_i_edt">
                                
                                <!-- START BLOCK : HORA_I2 -->
                                    <option value="{hr}">{hr}</option>
                                <!-- END BLOCK : HORA_I2 -->
                                </select>
                                
                                <select name="min_i_edt" id="min_i_edt">
                                <!-- START BLOCK : MIN_I2 -->
                                    <option value="{min}">{min}</option>
                                <!-- END BLOCK : MIN_I2 -->
                                </select></td></tr>
                                <tr><td>Hora Final:</td>
                                	<td><select name="hora_f_edt" id="hora_f_edt">
                                
                                <!-- START BLOCK : HORA_F2 -->
                                    <option value="{hr}">{hr}</option>
                                <!-- END BLOCK : HORA_F2 -->
                                </select>
                                
                                <select name="min_f_edt" id="min_f_edt">
                                <!-- START BLOCK : MIN_F2 -->
                                    <option value="{min}">{min}</option>
                                <!-- END BLOCK : MIN_F2 -->
                                </select></td></tr>
                            <tr>
                            	<td>Respons&aacute;vel:</td>
                                <td><input name="pessoa_edt" type="text" id="pessoa_edt" size="40"></td>
                            </tr>
                           <tr>
                           	<td>Descri&ccedil;&atilde;o:</td>
                            <td><textarea name="desc_edt" cols="30" id="desc_edt" ></textarea></td>
                           </tr>
                           <tr>
                           	<td colspan="2">
                            	<input type="button" value="Editar" name="editar" id="editar" onClick="altera_compromisso();"><input type="button" value="Fechar" name="fechar_editar" id="fechar_editar" onClick="fecha_editar();">
                            </td>
                           </tr>
                            </table>
                        </fieldset>
                   
                </form>
             </div>
            </table>
			
			</td>
			</tr>
			</table>
		
		</td>
		</tr>	
		</table>
	
	</td>
   </tr>
	</table>

</body>
</html>